<ul id="anticorruption-documents" class="accordion w-100 m-0">
  <li class="card">
    <div class="card-header p-0">
      <button class="d-flex align-items-center justify-content-between px-4 py-3 btn btn-link" data-bs-toggle="collapse" data-bs-target="#anticorruption-documents-list-1">
        <div class="d-flex align-items-center">
          <i class="fa fa-file-text-o me-3" style="font-size: 25px;"></i>
          <h6 class="text-start">Нормативные правовые и локальные нормативные акты</h3>
        </div>
        <i class="fa fa-chevron-circle-down" style="font-size: 25px;"></i>
      </button>
    </div>
    <div id="anticorruption-documents-list-1" class="accordion-collapse collapse" data-bs-parent="#anticorruption-documents">
      <div class="card-body p-4 pt-md-3">
        <ul>
          <li class="accordion-list-item px-3 mb-3">
            <div class="d-flex align-items-center justify-content-left mb-2 py-1">
              <div class="text-left text-muted" style="font-size: 12px;">01 января 2024</div>
            </div>                                
            <div class="d-flex align-items-center justify-content-left">
              <div class="text-left text-muted fw-semibold"><a href="#" data-bs-toggle="modal" data-bs-target="#viewer-modal" data-bs-whatever="./documents/План протитводействия коррупции на 2024 год.pdf">План основных мероприятий по противодействию коррупции на 2024 год</a></div>
            </div>
            <div class="d-flex align-items-center justify-content-left border-top mt-2 py-1" style="font-size: 12px;">
              <div class="me-4 text-secondary"><i class="fa fa-eye"></i> 0</div>
              <div class="me-4 text-secondary"><i class="fa fa-upload"></i> 0</div>
              <div class="me-4 text-secondary"><i class="fa fa-comments"></i> 0</div>
            </div>                                
          </li>
          <li class="accordion-list-item px-3 mb-3">
            <div class="d-flex align-items-center justify-content-left mb-2 py-1">
              <div class="text-left text-muted" style="font-size: 12px;">01 января 2024</div>
            </div>                                
            <div class="d-flex align-items-center justify-content-left">
              <div class="text-left text-muted fw-semibold"><a href="#" data-bs-toggle="modal" data-bs-target="#viewer-modal" data-bs-whatever="./documents/Отчет по противодействию коррупции за 2023 г.pdf">Отчет об исполнении основных мероприятий по противодействию коррупции за 2023 год</a></div>
            </div>
            <div class="d-flex align-items-center justify-content-left border-top mt-2 py-1" style="font-size: 12px;">
              <div class="me-4 text-secondary"><i class="fa fa-eye"></i> 0</div>
              <div class="me-4 text-secondary"><i class="fa fa-upload"></i> 0</div>
              <div class="me-4 text-secondary"><i class="fa fa-comments"></i> 0</div>
            </div>                                
          </li>                               
          <li class="accordion-list-item px-3 mb-3">
            <div class="d-flex align-items-center justify-content-left mb-2 py-1">
              <div class="text-left text-muted" style="font-size: 12px;">01 января 2023</div>
            </div>                                
            <div class="d-flex align-items-center justify-content-left">
              <div class="text-left text-muted fw-semibold"><a href="#" data-bs-toggle="modal" data-bs-target="#viewer-modal" data-bs-whatever="./documents/housing-doc6.pdf">План основных мероприятий по противодействию коррупции на 2023 год</a></div>
            </div>
            <div class="d-flex align-items-center justify-content-left border-top mt-2 py-1" style="font-size: 12px;">
              <div class="me-4 text-secondary"><i class="fa fa-eye"></i> 0</div>
              <div class="me-4 text-secondary"><i class="fa fa-upload"></i> 0</div>
              <div class="me-4 text-secondary"><i class="fa fa-comments"></i> 0</div>
            </div>
          </li>                              
        </ul>
      </div>
    </div>
  </li>
</ul>